<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>

	
	
	<style>
        body{
            background-color: #619eff;
        }
        #top_div{
            width: 100%;
            height: 100px;
            background-color: #619eff;
            border: 1px solid #35ffda;
        }
        #welcom_div01{
            width: 600px;
            height: 100px;
            line-height: 100px;
            font-size: 45px;
            color: #FFFFFF;
            position: absolute;
            left: 100px;
        }
        #username_div01{
            width: 150px;
            height: 80px;
            background-color: darkblue;
            position: absolute;
            right: 300px;
            top:15px;
            font-size: 30px;
            color: white;
            line-height: 80px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;

        }
        #logout_div01{
            width: 150px;
            height: 80px;
            background-color: darkblue;
            position: absolute;
            right: 100px;
            top:15px;
            font-size: 30px;
            color: white;
            line-height: 80px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
        }

        #logout_div01:hover{
            font-size: 35px;
            color: red;
        }
        #left_div01{
            width: 240px;
            height: 600px;
            /*border: 1px solid red;*/
            margin-left: 60px;
            margin-top: 50px;
            float: left;
            border: 1px solid #35ffda;
            text-align: center;
        }


        ul{
            list-style-type: none;
            margin-top: 30px;
            /*position: absolute;*/
            /*left: 0px;*/
            margin-left: -40px;
            list-style-position: inside;
            width: 100%;
        }
        li{
            margin-top: 75px;
        }
        li div{
            font-size: 30px;
            color: white;
        }

        li div:hover{
            background-color: #ffc624;
        }

        .right_div01{
            width: 1085px;
            height: 600px;
            border: 1px solid #35ffda;
            float: right;
            margin-top: 50px;
        }

        iframe{
            width:100%;
            height:100%;
            border:0px;
        }
    </style>
    
    <!-- 引入jQuery-->
	<script type="text/javascript" src="../JS/jquery.1.9.1.js"></script>
	
	 <!--引入切换页面的js文件 -->
    <script src="../JS/exchangePage.js"></script>
</head>
<body>
	<div id="top_div">
        <div id="welcom_div01">欢迎使用，物业管理系统</div>
        <div id="username_div01">${user.username}</div>
        <div id="logout_div01" onclick="window.location.href='JSP/login.jsp'">注销</div>
    </div>

    <div id="left_div01">
        <ul>
            <li><div onclick="exchangePage(1)">※ 收费管理 ※</div></li>
            <li><div onclick="exchangePage(2)">※ 资源设置 ※</div></li>
            <li><div onclick="exchangePage(3)">※ 行政人事 ※</div></li>
            <li><div onclick="exchangePage(4)">※ 社区管理 ※</div></li>
            <li><div onclick="exchangePage(5)">※ 系统管理 ※</div></li>
        </ul>
    </div>

    <div class="right_div01">
        <iframe id="fun_iframe" src=""></iframe>
    </div>


    <script>
    exchangePage(1)
    </script>

</body>
</html>